<template>
  <div class="community__wrapper brand2-bg-1">
    <div class="row align-items-center g-0">
      <div class="col-lg-6">
        <div class="community__content">
          <div class="community__content-inner">
            <span class="join-btn">Join Us</span>
            <h2>Join more than 17,000+ students all over the world</h2>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              Suspendisse varius enim in eros elementum tristique. Duis cursus,
              mi quis viverra ornare.
            </p>
            <nuxt-link
              to="/signin"
              class="trk-btn trk-btn--border trk-btn--secondary2"
              >Get Started <span><i class="fa-solid fa-arrow-right"></i></span>
            </nuxt-link>
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="community__thumb">
          <div class="community__thumb-inner">
            <img src="/images/community/home2/1.png" alt="commnunity-image" />
            <div class="community__thumb-playbtn">
              <VideoModal :link="'https://www.youtube.com/embed/Pf03RTjeISE'">
                <template v-slot:button>
                  <a href="javascript:void(0);"
                    ><img src="/images/community/home2/btn.png" alt="ply-btn"
                  /></a>
                </template>
              </VideoModal>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import VideoModal from "@/components/base/modals/VideoModal.vue";
export default {
  components: { VideoModal },
};
</script>

<style></style>